@charset "utf-8";
/* CSS Document */

.tv_page{ max-width:none; padding:0}
.tv_page > div{ border:none}
.tv_page > .inner{ border:none !important; overflow:visible; position:relative}
.tv_page > .inner > h2{font-size: 1.857rem; font-weight: 600; letter-spacing: -1px; padding-bottom: 1.24rem; margin: 0;}
.sort{ min-width:inherit}
.sort .content{ max-height:200px; top:35px}
.sch_box .sort > button {width: 100%;height: 35px;line-height: 35px; text-indent:0; font-size:1rem;border: 1px solid #ccc; padding-right:40px !important}
.sch_box .sort > button:after{ top:15px}
.sch_box .sort > button:before{ display:none}
.content_wrap .dtail_sch_section input[type="text"] {height: 35px;line-height: 35px; width:180px}
.content_wrap .set_section{ text-align:right; margin-top:-3.954rem; border:none !important; margin-bottom:10px; background:none;}
.content_wrap .sch_box dl{ overflow:visible; height:35px; display:inline-block; margin:0; padding:0}
.content_wrap .sch_box dl dt{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0; padding:0; margin:0}
.content_wrap .sch_box dl dd{ border:none; width:auto; padding:0 }
.content_wrap > .list_section{ }
.content_wrap h3 {font-size: 1.428rem;font-weight: 700;line-height: 1.785rem; margin:0; padding:15px 0}
.content_wrap button.sch:before{ color:#000}
input[type="text"]{ -webkit-appearance: none; -webkit-border-radius:0}
button, input, select{ outline:none;border: 1px solid #cdcdcd; }
@media (min-device-width: 768px) and (max-width: 1199px) {
.tv_page > div{ padding:0 30px}
.tv_page > div > .inner{ padding:0}
}
@media only screen and (max-device-width: 767px){
.tv_page > div{ padding:0 10px}
.tv_page > div > .inner{ padding:0}

}
/**/
ul.mvlist{ width:100%; }
ul.mvlist, ul.mvlist li{ margin:0; padding:0; box-sizing:border-box;overflow:hidden; display:block;position:relative  }
ul.mvlist figure.listimg{ margin:0; padding:0;display:block; font-size:0;overflow:hidden; position:relative; max-height:122px; overflow:hidden}
ul.mvlist figure.listimg figcaption{ width:0; height:0; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; margin:0; padding:0}
ul.mvlist figure img{ width:100%; height:auto}
ul.mvlist li a h4{ margin:0; padding:0.9rem 0 0 0; font-size:1.142rem; font-weight:300; color:#000; text-decoration:none }
ul.mvlist li a:hover{ text-decoration:none}
ul.mvlist li .opt{ position:absolute; bottom:2rem; left:0;  padding:0 2.142rem; font-size:0.9rem; color:#999; width:100%; box-sizing:border-box; text-align:right}
ul.mvlist li .opt span{ position:relative; padding:0 0 0 20px; text-align:right}
ul.mvlist li .opt span + span:before{ content:""; width:1px; height:13px; display:block; background:#ddd !important; vertical-align:middle; font-size:0; text-indent:0; position:absolute; left:2px; top:3px; z-index:3; display:none}
ul.mvlist li .opt span.program + span:before{ display:none}

ul.mvlist li .opt span.program{}
ul.mvlist li .opt > span.program{ padding:0 0px 0px 0; text-align:center; position:absolute; left: 2.142rem; }
.opt > span.program{ max-width:40%; }
.opt > span.program > i{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%; display:block; font-style:normal}
ul.mvlist li .opt > span.program > i{ display: inline-block; background:#555; color:#fefefe; padding:0 5px; border-radius:10px; white-space: nowrap;}
ul li .opt > span.like:after{content:"\e855"; text-align:left; left:5px}
ul li .opt > span.play:after{content:"\e812"; text-align:left; left:10px}
ul li .opt > span.program:after{ display:none}
ul.mvlist li figure:before{ content:"\e812";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0; top:0; width:35px; height:35px; border:3px solid rgba(255,255,255,0.6); text-align:center; line-height:35px; border-radius:100%; position:absolute; left:50%; top:50%; font-weight:bold; font-size:22px; margin:-17px 0 0 -17px; color:rgba(255,255,255,0.6); z-index:3; transition:.3s}
ul.mvlist li figure:after{ background:rgba(0,0,0,0.3); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;transition:.3s; }
ul.mvlist li a:hover figure:before, ul.mvlist li a:hover figure:after{ color:rgba(255,255,255,0.8);background:rgba(0,0,0,0); border-color:rgba(255,255,255,0.8); }
.btn_page button.more:before{content:"\e80a";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display: inline-block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top:0px; line-height:40px}
/* 새영상 */
.new_section > .inner{max-width: 1116px; padding: 0; border-top:2px solid #000}
.new_section{ margin-bottom:50px; margin-top:0px; clear:both; float:none }
.new_section ul.mvlist li{ width:25%; overflow:hidden; float:left;  transition:.3s; border:1px solid #ccc;padding: 2.142rem 2.142rem 0rem 2.142rem; height:19.571rem; }
.new_section ul.mvlist li + li{ border-left:none}
/* 핫영상 */
.hot_section{ background:#f4f5f6; padding:2.6rem; overflow:hidden; border-top:1px solid #eeeeee !important; border-bottom:1px solid #eee !important}
.hot_section .week, .hot_section .month{ position:absolute; left:62px; top:3rem; background:#f4f5f6;}
.hot_section div.cont{display:block; opacity:0; position:relative; z-index:-1; transition:.3s}
.hot_section div.cont.on{ opacity:1 ; z-index:1}
.hot_section ul.mvlist li{ width:20% ; float:left; padding:1rem; height:17rem }
.hot_section ul.mvlist li figure.listimg{border-radius:10px; border:1px solid #e5e5e5; max-height:110px  }
.hot_section > .inner{ position:relative; height:20rem}
.hot_section > .inner > div > h4{ position:absolute; left:9rem; top:-3.2rem; font-size:1rem}
.hot_section > .inner >div.month > h4{ left:13rem}
.hot_section > .inner h4 > button{ border:none; background:none; color:#999;font-size: 1.15rem;   font-weight:300; outline:none; transition:.3s}
.hot_section > .inner h4 > button.on{ color:#0195df; font-weight:500;}
.hot_section > .inner h4 > button:before{ width:3px; height:3px; border-radius:100%; background:#999; display: inline-block; content:""; vertical-align:middle; margin-right:5px; margin-top:-2px}
.hot_section > .inner h4 > button.on:before{ background:#0195df;}
.hot_section ul.mvlist li .opt{ left:1rem; padding:0 2rem 0 0; bottom:1rem}
.hot_section ul.mvlist li .opt > span.program{ left:0}
.hot_section h3{ position:relative; display:inline-block}
.hot_section h3:after{position: absolute; border-left: 5px solid #444;  border-top:4px solid transparent; border-bottom:4px solid transparent; right:-18px;top: 23px;content: "";display: block;}
@media (min-device-width: 768px) and (max-width: 1199px) {
.hot_section{padding-top:2.6rem !important; padding-bottom:2.6rem !important }	
.hot_section .week, .hot_section .month{ left:0}	
}

/* 슬라이드 */
.bx-controls-direction{ display:block; position:absolute; left:-40px; top:0; width:100%;  }
.bx-controls-direction > a{ display: block; top:8rem ; position:absolute; margin:0 0;left:0; width:40px; height:40px;text-align:center; line-height:40px; box-sizing:border-box; transition:.3s; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; }
.bx-controls-direction > a.bx-next{ left: auto; right:-80px}
.bx-controls-direction > a:hover{  text-decoration:none;}
.bx-controls-direction > a:before{content:"\e80f";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:40px; line-height:40px; text-indent:0; color:rgba(0,0,0,0.13); font-weight:normal; transition:.3s }
.bx-controls-direction > a.bx-next:before{content:"\e810";}
.bx-controls-direction > a:hover:before{ color:rgba(0,0,0,0.63);}
.bx-pager{ width:100%; left:0; text-align:center; position:relative; bottom:40px}
.bx-pager-item a{ border-radius:0; transition:.3s;width:20px; position:relative; background:none !important }
.bx-pager-item a:before{ content:""; display:block; width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.3); height:3px; transition:.3s}
.bx-pager-item a.active:before{ height:6px; background:#0195df;}
.hot_section .bx-pager{ display:inline-block; width:auto; position:absolute; right:15px;; top:-20px; bottom:auto; left:auto}
/* 시리즈 */
.list_section{margin: 0 auto;max-width: 1240px;overflow: hidden;box-sizing: border-box;padding:30px 62px 100px 62px; position:relative}
.list_section > h3 > span.cate{ font-size:1rem; color:#0195df; font-weight:500; padding:0 0 0 15px; line-height:15px; border-left:2px solid #ddd; margin-left:15px; display:inline-block; vertical-align:top; margin-top:5px}
.list_section .btn_cate{ border:1px solid #cdcdcd; width:40px; height:40px; background:#fff; position:absolute; right:62px; top:33px; overflow:hidden; padding:0; box-sizing:border-box; line-height:40px}
.list_section .btn_cate > span{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0}
.list_section .btn_cate:before{content:"\e852";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#a5a5a5 }
.list_section li div.opt span.program a{ color:#999; font-weight:300}
.board_list_box.webzin .body ul.list{ overflow:hidden}
.board_list_box.webzin .body ul.list li{ min-height:inherit;height:63px; width:32.3%; float:left; clear:none; padding:10px 0; margin:0 0.5% ; }
.board_list_box.webzin .body ul.list li h4{ font-size: 1.142rem;font-weight: 300;color: #000; padding:0 20px 0 0; margin:0; padding-left:120px !important; height:3.4rem; font-size:1rem; letter-spacing:-1px}
.board_list_box.webzin figure.listimg{ width:100px;  overflow:hidde; min-height:inherit}
.board_list_box.webzin figure.listimg{ max-height:56px}

.board_list_box.webzin .body ul.list li div.opt{ float:none; position:absolute; left:120px; bottom:5px; padding:0}
.board_list_box .body{ border:none}
.board_list_box .body ul.list li div.opt span{ padding:0 0px 0 20px; min-width:inherit}
.board_list_box .body ul.list li div.opt span.program{ padding-left:0}
.board_list_box .body ul.list li div.opt span:before{ display:none !important}
.board_list_box .body ul.list li div.opt span:after{ display:inline}

.content_wrap .hot_section + .list_section h3{ float:left; overflow:hidden}
.content_wrap .list_section .set_section{ float:right; margin-top:7px; padding-right:50px}
.content_wrap .list_section .board_list_box.webzin{ clear:both; float:none}

@media (min-device-width: 768px) and (max-width: 1199px) {
.list_section{ padding:30px 30px 100px 30px !important}
.list_section .btn_cate{ right:30px}
}

/* 시리즈 팝업 */
.list_section .pop_box{ position:absolute; width:calc(100% - 124px); height:auto; background:none; z-index:5; left:62px; right:62px; top:78px; background:#fff; border:2px solid #7b7b7b; padding:0px; box-sizing:border-box;}
.pop_box.cate .content{ padding-top:10px}
.list_section .pop_box > div{ position:relative; left:0; top:0; transform:none; width:100%}
.pop_box.cate .resltwrap .sltbox{ max-height:310px; overflow-y:scroll; border:1px solid #555; padding:0 0 0 10px; border-width:1px 0; }
.pop_box.cate label{ float:left; overflow:hidden; width:25%; box-sizing:border-box; font-size:0.928rem; border-top:1px solid #ddd; padding:10px 0; padding-left:10px; margin-top:-1px; }
.pop_box.cate label.all{ float:none; clear:both; display:block; width:100%; border-top:none; padding-bottom:10px; font-size:1.2rem; padding-left:23px}
.pop_box.cate .btnwrap{ clear:both; float:none; text-align:center; padding-top:20px}
.pop_box.cate label.all input[type="checkbox"] + span:before{ margin-top:-12px; margin-left:12px}
.pop_box.cate.active{ display:block}
.pop_box.cate .popheader h2{ letter-spacing:0}
@media (min-device-width: 768px) and (max-width: 1199px) {
.pop_box.cate label > span{letter-spacing:-1px !important; text-indent:-1px; font-size:12px !important; padding-left:10px !important}

}
@media only screen and (max-device-width: 767px){
.list_section .pop_box{ left:10px; right:10px; width:calc(100% - 20px); box-sizing:border-box; overflow:hidden}	
.pop_box.cate label.all input[type="checkbox"] + span:before{ margin-top:-7px}
.pop_box.cate label{ width:auto; float:none; overflow:hidden; clear:both; display:block}
.pop_box .btnwrap button{ padding:0 20px; min-width:inherit}
}
/*************
보기페이지
*************/
.view_section{max-width: 1240px;padding: 0 62px 100px 62px;margin: 0 auto; box-sizing:border-box; position:relative }
@media (max-width: 1199px) and (min-device-width: 768px){
.view_section{ padding:0 30px 100px 30px}	
}
/*.tv_page > .inner h2{   border-bottom: 2px solid #000 !important;} */
.tv_page .board_view_box{ border-top:2px solid #333}
.board_view_box .header .btn_golist{ top:-45px}
.board_view_box .body >.detail > dl > dd > strong{ color:#0195df}
.board_view_box .body > .file > dl{ width:calc(100% - 150px); float:left}
.board_view_box .body .bd_container{ border-bottom-width:1px}
.tv_page .board_view_box .body > .file{ min-height:60px}
.playlike{ float:right; margin-bottom:-10px}
.playlike *{ margin:0; padding:0}

.playlike dl{ float:left; text-align:center; margin-left:10px}
.playlike dl > dt{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0}
.playlike dl.play > dd > span{ display:block; text-align:center; color:#999}
.playlike dl.play > dd > span:before, .playlike dl.like > dd > button:before{ display:block; width:32px; height:32px; background:#0195df; border-radius:100%;content:"\e812";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#fff; text-align:center; line-height:32px; margin:0 auto; padding:0 }

.playlike dl.play > dd > span.on:before{ background:#737373}

.playlike dl.like > dd > button{ background:none; border:none}
.playlike dl.like > dd > button > span{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; display:block; width:0; height:0}
.playlike dl.like > dd > span{ display:block; color:#ea6767; font-weight:900}
 .playlike dl.like > dd > button:before{ color:#f9d1d1; content:"\e855"; background:none; border:none; font-size:36px}
 .playlike dl.like > dd > button.on:before{color:#ea6767; }
.tv_box{ width:100%; overflow:hidden; position:relative}
.tv_box video{ max-width:100%}
/* 비디오 에러 */
.tv_box .error{ background:#232323; position:absolute; height:100%; min-height:40rem; z-index:777; width:100%; text-align:center; font-size:1.285rem; color:#fff; font-weight:300}
.tv_box .error p{ display:block; position:absolute; width:100%; top:50%; transform:translateY(-65%);}
.tv_box .error p:before{content:"\e853";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#2b64c1; text-align:center; margin-bottom:1rem; font-size:9.285rem}
/* 1분 미리보기 */
.tv_box .view_1m{ background:rgba(0,0,0,0.7); position:absolute; height:100%; min-height:40rem; z-index:777; width:100%; text-align:center; font-size:1.285rem; color:#fff; font-weight:300}
.tv_box .view_1m div.alert{ display:block; position:absolute;  top:50%; left:50%; transform:translate(-50%, -50%); background:#000; padding:3.571rem 5.5rem; font-size:1rem; font-weight:300}
.tv_box .view_1m div.alert > h3{ margin:0; padding:0;}
.tv_box .view_1m div.alert > p{ padding:1rem; letter-spacing:0}
.tv_box .view_1m button{ box-sizing:border-box; border:1px solid #1e55af; line-height:2.5rem; background:none; padding:0 2rem; color: #1e55af; font-weight:500; margin:0 5px}
.tv_box .view_1m button.key{ background:#1e55af; color:#fff}
.tv_box .view_1m button.close{ position:absolute; right:0; top:5px; padding:0; width:2.5rem; font-size:0; text-indent:-999px; overflow:hidden; line-height:0; border:none}
.tv_box .view_1m button.close:before{ font-size:1.3rem; text-indent:0;content:"\e828";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height:35px; padding:0;}
/* 태그박스 */
.tag_box{ padding:30px 0 7.142rem 0; border-bottom:2px solid #333}
.tag_box > h3{ float:left; margin:0; padding:0; overflow:hidden; width:40px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden}
.tag_box > h3:before{content:"\e854";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:26px; line-height:30px; text-indent:0; color:#0195df}
.board_view_box .body .tag_box > h3{ padding:0; font-size:0}
.tag_box > .tag{ float:left; width:calc(100% - 40px); padding-bottom:30px }
.tag_box > .tag > button{ background:none; border:1px solid #000; color:#000; font-size:1.071rem; margin:0 10px 5px 10px; padding:0 15px; font-weight:400; line-height:30px; box-sizing:border-box}
.tag_box > .tag > button.on{ background:#000; color:#fff}
.tag_box > .list{ clear:both; float:none}
.tag_box > .list > h4{ font-size:2.142rem; font-weight:300; padding:0 0 1rem 0; margin:0}
.tag_box > .list > h4 > strong{ font-weight:300; color:#0195df}
.tag_box > .list li{ width:18.5%; float:left; height:230px; box-sizing:border-box; padding:0px; border:1px solid #ddd}
.tag_box > .list li + li{ margin-left:1.875%}
.tag_box > .list li h4{ padding:0.9rem 0.9rem 0 0.9rem;    font-size: 1.1rem;}
.tag_box > .list li .opt{ padding:0 0.9rem}
.tag_box > .list li .opt > span.program{ left:0.9rem} 
/*************
검색결과
*************/
.rslt_section{ }
.rslt_section  h3{ font-weight:300}
.rslt_section  h3 > strong{ color:#0195df}
.rslt_section ul.mvlist li{border: 1px solid #ccc !important; margin-right:-1px; margin-bottom:-1px}
.rslt_section ul.mvlist{ padding-bottom:100px}
.rslt_section h3 > span.cate{ font-size:1rem; color:#0195df; font-weight:500; padding:0 0 0 15px; line-height:15px; border-left:2px solid #ddd; margin-left:15px; display:inline-block; vertical-align:top; margin-top:5px}

/*************
농업기술 동영상
*************/
.list_section.tech{ padding-top:0 !important}
.list_section.tech > h3{ font-size:0; line-height:0; te-999px; overflow:hidden; width:0; height:0; overflow:hidden; margin:0; padding:0}
.list_section.tech .linetab_box li{ padding:0; margin:0; border-bottom:1px solid #e5e5e5 }
.list_section.tech .linetab_box li > button{ font-size:14px; padding:0 10px }
.list_section.tech .linetab_box li button.on:after{ height:1px}
.list_section.tech .linetab_box{ white-space:normal; overflow:hidden; border-bottom:none; margin-bottom:0}
.list_section.tech .sbtab{ margin-top:-1px; border-top:1px solid #e5e5e5; padding:10px 20px }
.list_section.tech .sbtab label{ padding:2px 10px 2px 6px; display:inline-block; margin-right:8px; font-size:12px}
.list_section.tech .sbtab label input[type="checkbox"] + span:before, .list_section.tech .sbtab label input[type="radio"] + span:before{ width:14px; height:14px; font-size:13px; line-height:13px}
.list_section.tech .sch_box input[type="text"] {height: 35px;line-height: 35px; width:180px; box-sizing:border-box}
.list_section.tech .sch_box dl{ overflow:visible; height:35px; display:inline-block; margin:0; padding:0}
.list_section.tech .sch_box{ position:absolute; right:0; top:7px}
.list_section.tech .header{ }
.list_section.tech .body{ clear:both; float:none;border-top: 1px solid #ccc;  }
.list_section.tech .board_list_box{ border-top-width:1px; position:relative}
.list_section.tech .board_list_box .body ul.list li .opt > span.source{ display:block !important; margin-right:0;}
.list_section.tech .board_list_box .body ul.list li .opt > span{ display:inline-block !important; margin-right:5px; text-align:left}
.list_section.tech .board_list_box.card .body ul.list li .opt{ text-align:left}
.list_section.tech .board_list_box .body ul.list li .opt > span:after{ text-align:left}
.list_section.tech .board_list_box h4{ font-size:1.18rem; line-height:1.3}

.footerinfo{ text-align:right; padding:30px 0; color:#666; font-weight:300; clear:both; float:none; border:none !important}
.footerinfo:before{ content:"\e853";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display: inline;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px }
h2 + .footerinfo{ position:absolute ; right:62px; top:0; padding:10px 0}


@media (min-device-width: 768px) and (max-width: 1199px) {
.list_section.tech .board_list_box.card .body ul.list > li{ height:265px}
.list_section.tech .board_list_box figure.listimg{ min-height:155px}
.opt > span.program{ max-width:35%}
h2 + .footerinfo{ right:32px; }

}
@media only screen and (max-device-width: 767px){
.board_view_box .body >.detail > dl{ display:block !important; float:none !important; clear:both !important}
.board_view_box .body >.detail{ padding-bottom:1rem}
.list_section.tech .linetab_box{ position:relative; z-index:2}
.list_section.tech .linetab_box,.list_section.tech .sbtab{ width:20000000px; white-space:nowrap; overflow:hidden}
.list_section.tech .linetab_box li, .list_section.tech .sbtab label{ float:left; width:auto !important}
.btn_page button.more{ padding-bottom:50px}
.set_section dd{ width:100% !important}
.set_section input[type="text"]{ width:100% !important; box-sizing:border-box; padding-right:40px}
.hot_section, .new_section{ padding:0 10px}
.hot_section .bx-pager, .new_section .bx-pager{ position:relative; right:auto; top:auto; text-align:center; width:100%; margin-top:10px}
.new_section ul.mvlist li{ width:100%; float:none;border: 1px solid #ccc !important; height:auto; padding:2rem}
.new_section ul.mvlist li + li{ margin-top:-1px}
.list_section{ padding:10px 10px 50px 10px}
.list_section > h3 > span.info{ font-size:1rem; padding:0}
ul.mvlist li a h4{ font-weight:bold; padding:1rem 0}
ul.mvlist li .opt{ padding:0; text-align:left}
ul.mvlist li .opt > span.program{ position:relative; left:auto; width:auto; float:left; margin-right:2rem }

.board_list_box.webzin .body ul.list li{ width:100%; height:auto }
.board_list_box.webzin figure.listimg{ width:100%; float:none; max-width:inherit; max-height:inherit}
.board_list_box.webzin .body ul.list li div.opt, ul.mvlist li .opt{ position:relative; left:auto; right:auto; top:auto; bottom:auto}
.board_list_box.webzin .body ul.list li h4{ height:auto;    font-size: 1.142rem; padding-left:0 !important; font-weight:bold; padding:1rem 0}
.btn_page button.more{ margin-bottom:0}
.hot_section ul{ padding:0 30px}
.hot_section{ padding-top:10px}
.hot_section .week, .hot_section .month{ left:0; top:3.43rem}
.hot_section ul.mvlist li{ height:auto}
.hot_section ul.mvlist li .opt{ left:auto; bottom:auto; padding:0}
.hot_section > .inner{ height:22.5rem}
.list_section .btn_cate{ right:10px}
.tv_page > div.list_section{ padding-top:30px}
.playlike{ margin-right:10px}
.tag_box > .list li{ float:none; width:100%; height:auto; margin:0 0 10px 0; padding-bottom:1rem}
.tag_box > .list li + li{ margin-left:0} 
.tag_box > .list li h4{ padding:1rem}
.tag_box > .list li .opt{ padding:0}
.view_section{ padding-bottom:100px !important}
.tag_box > .tag > button{ margin:0 5px 5px 5px}
h2 + .footerinfo{ right: auto; top:auto; position:relative; padding:0 0 1.24rem 0; text-align:left; margin-top:-5px  }

}